<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/subpage.css">
    <script src="./js/echarts-4.2.0.js"></script>

    <title>Document</title>
</head>

<body>
    <div class="container">
        <nav>
            <div class="nav_top">
                <h2 class="title">雷神创业小微试套</h2>
                <div class="time"><span></span>-<span></span>-<span></span>&nbsp;&nbsp;<span></span>:<span></span>:<span></span></div>
            </div>
            <div class="nav_sub">
                <div class="search">
                    <span>排名:</span>
                    <input type="text" id="search_input">
                    <span class="save box_sp">保存</span>
                </div>
                <div class="legend">
                    <div class="show show_1">
                        <div class="ball ball_1"></div>
                        <span>雷神目标</span>
                    </div>
                    <div class="show show_2">
                        <div class="ball ball_2"></div>
                        <span>雷神实际</span>
                    </div>
                    <div class="show show_3">
                        <div class="ball ball_3"></div>
                        <span>科沃斯</span>
                    </div>
                </div>
                <div class="company_time">
                    <span>TAB成立时间:2015年12月</span>
                    <span>科沃斯成立时间:1998年3月</span>
                </div>
            </div>
        </nav>
        <div class="maintitle">
            <div class="titlein">
                <div>
                    <h2>融资额</h2>
                    <p>无独角兽目标</p>
                </div>
                <div>
                    <h2>市场估值(倍数)</h2>
                    <p>生态品牌引领差</p>
                </div>
                <div>
                    <h2>融资速度(间隔时间)</h2>
                    <p>生态收入规模及倍数增长差</p>
                </div>
                <div>
                    <h2>收入(倍速)</h2>
                    <p>生态收入规模及倍数增长差</p>
                </div>
            </div>
        </div>
        <div class="main">
            <div class="left left_top">
                <div class="left_top_1">
                    <p class="left_title turnbox">融资轮次</p>
                    <div class="left_line l_lin1">
                        <img src="./images/加速期up.png" alt="" class="img_up">
                        加速期
                        <img src="./images/加速期down.png" alt="" class="img_down">
                    </div>
                    <div class="turnbox">
                        <div class="titlebox box_sp">独角兽</div>
                        <div class="titlecnt">
                            进入独角兽排行榜</br>
                            自主研发，国际领先的技术
                        </div>
                    </div>
                    <div class="turnbox">
                        <div class="titlebox box_sp">C轮</div>
                        <div class="titlecnt">
                            正现金流</br>
                            实现盈利，生态收入倍数增长
                        </div>
                    </div>
                    <div class="turnbox">
                        <div class="titlebox box_sp">B轮</div>
                        <div class="titlecnt">
                            验证商业模式生态吸力</br>
                            收入倍数增长</br>
                            用户及资源方蜂拥而至
                        </div>
                    </div>
                </div>
                <div class="left_top_2">
                    <div class="left_line l_lin2">
                        A轮及以下
                    </div>
                    <div class="turnbox">
                        <div class="titlebox box_sp">A轮</div>
                        <div class="titlecnt">
                            有增值分享空间</br>
                            盈利模式清晰</br>
                            有用户粘性
                        </div>
                    </div>

                    <div class="turnbox">
                        <div class="titlebox box_sp">天使轮</div>
                        <div class="titlecnt">
                            创业团队，跟投对赌</br>
                            市场机会空间大
                        </div>
                    </div>
                </div>
            </div>

            <!-- 图表信息 -->
            <div class="right right_top">
                <div id="ec01_line"></div>
                <div id="ec02_scatter"></div>
                <div id="ec03_bar"></div>
                <div id="ec04_bar"></div>
            </div>
            <!-- $$$$ -->

            <div class="left left_bottom">
                <div class="left_bottom_1">
                    <div class="left_line l_lin3">
                        孵化期
                    </div>
                    <div class="turnbox turnbox_spa">
                        <div class="titlebox box_sp turnbox_lb">未引入社会化资本</div>
                        <div class="titlecnt">
                            成立一年以上</br></br>
                            成立半年以上
                        </div>
                    </div>
                </div>
                <div class="left_bottom_2">
                    <div class="left_line l_lin4">
                        新冒出
                    </div>
                    <div class="turnbox turnbox_cut">
                        <div class="titlecnt">
                            成立半年以内
                        </div>
                    </div>
                </div>
            </div>
            <div class="right right_bottom"></div>
        </div>
    </div>

    <script src="./js/jquery-3.3.1.min.js"></script>
    <script src="./js/subpage.js"></script>
    <script src="./js/chartsCom.js"></script>
    <script src="./js/smallMicroDetail.js"></script>
    <script>
        let clientUrl="http://localhost:8080/api/v1/common/interface/getByDataType";//接口地址
        let userCode="A0007773";//用户编码
        /**
         * 通过统一接口请求接口数据
         * @param dataType:统一接口dataType
         * @param params：接口参数
         * @param callBack：回调函数
         */
        function getDateByCommonInterface(dataType,params,callBack){
            if(!params){
                params+="userCode::"+userCode;//拼接统一用户信息
            }else{
                params+=";;userCode::"+userCode;//拼接统一用户信息
            };
            $.get(clientUrl,{"dataType":dataType,"params":params},function(data,status){
                if(status=="success"){
                    let jsonData=JSON.parse(data);
                    if(jsonData.result=="00000000"){
                        //数据请求成功
                        callBack(jsonData.data);
                    }else{
                        console.error(dataType+"请求异常，"+jsonData.errorMsg);
                    }
                }
            })
        };
        function setData(data){
            console.log(data);
        };
        $(function(){
            getDateByCommonInterface("hl_690_dp_test","vmonth::201810;;xwCode::D001",setData);
        });

    </script>
</body>

</html>